<template>
	<div class="Paddempty">
		<div class="tou">
		<Pheader  style="margin-right:70%;" msg="添加地址"></Pheader>
		<router-link to="/home/P_addmanage/P_addnew"><Pbutton msg="添加新地址" id="lookmenu"></Pbutton></router-link>
        </div>
		<div class="addEmptyCon">
			<p class="addEmptyCon-min">
				<span class="el-icon-edit-outline"></span>
				<span class="zi"> 暂无收货地址，请点击 </span>
				<router-link to="/home/P_addmanage/P_addnew"><Pbutton msg="添加新地址" class="addNew"></Pbutton></router-link>
			</p>
		</div>
	</div>
</template>

<script>
	//头部小组件
	import Pheader from "@/components/P_header.vue";
	// 引入button小组件
	import Pbutton from "@/components/P_button.vue";

	export default {
		components: {
			Pheader,
			Pbutton
		},
		data() {
			return {
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.Paddempty {
  width: 100%;
  height: 488px;
  border: 1px solid #e7e7e7;
  /* margin-left:1%; */
  position: absolute;
  top: 0px;
  left: 0px;
  background: #fff;
  overflow: hidden;
  z-index: 2;
}
.Paddempty .tou {
  padding: 10px 13px;
  border-bottom: 1px solid #e7e7e7;
}
	.addNew{
		background:#498e3d;
		font-size: 14px;
		padding:8px 15px;
	}
	.addEmptyCon{
		height: 540px;
		position: relative;
	}
	.addEmptyCon-min{
		position: absolute;
		top:50%;
		left:50%;
		margin-left:-19%;
		margin-top:-35px;
	}
	.addEmptyCon-min .el-icon-edit-outline{
		color:#f08200;
		font-size: 30px;
		font-weight: bold;
		/* margin-right: 2%; */
	}
	.addEmptyCon-min .zi{
		font-size: 18px;
		color:#999;
	}
	.Paddempty #lookmenu{
      padding:3px 15px;
      /* margin-left:80%; */
      /* float: right; */
    }
</style>
